<style>
        html,body{height:100%}
        body{margin:0;background-color:#f0f0f0}
        .content{background-color:white;}
        .mt10{margin-top:10px}
        .ct{height:400px}
        .w-100{width:100%}
        .align-center{text-align:center}
        .bold{font-weight:bold}
        .relative{position:relative}
        .content-line{line-height: 26px;padding:5px 0;}
        .timeout{background-color:tomato;color:white;padding:0 5px;display:inline-block;margin:0 5px;border-radius:5px;font-size:14px;width:20px;}
        ul{padding:0;margin:0}
        li{list-style:none}
        .view-item{width:calc(100% / 7);float:left;box-sizing:border-box;padding:10px}
        .view-avatar img{width:100%;border-radius:50%;}
        .view::after{content:'';display:block;clear:both;}
        .view-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .content-title{font-size:16px;line-height:50px;padding:10px 0;vertical-align:middle;}
        .content-title::before{content:'';display:inline-block;width:6px;height:16px;background-color:tomato;margin-right:10px;vertical-align:middle}
        .title-remark{font-weight:normal;font-size:14px;margin-left: 10px}

        .buy{position:relative;width:100%;height:calc(3% + 254px);padding:0 3%;box-sizing:border-box;}
        .buy-item{width:100%;height:80px;padding:4px 0;box-sizing:border-box;}
        .buy-item .item{background-color:tomato;width:100%;height:100%;}
        /*.buy-item:not(:first-child){margin-top:8px}*/
        .buy-box{position:relative;overflow: hidden;height:240px;}
        .box{position:fixed;bottom:0;left:0;width:100%;height:40px;background-color:tomato;line-height:40px;text-align:center;color:white;}
        .upbox{position:fixed;top:0;left:0;width:100%;height:40px;background-color:tomato;line-height:40px;text-align:center;color:white;opacity:0.5}
    </style>